google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2024-02-25',null,null,null,null,null],
['2024-02-26',855607,null,null,null,null],
['2024-02-27',855616,null,null,null,null],
['2024-02-28',855627,null,null,null,null],
['2024-02-29',855636,null,null,null,null],
['2024-03-01',855656,null,null,null,null],
['2024-03-02',855669,null,null,null,null],
['2024-03-03',855678,null,null,null,null],
['2024-03-04',855678,null,null,null,null],
['2024-03-05',855692,null,null,null,null],
['2024-03-06',855697,null,null,null,null],
['2024-03-07',855708,null,null,null,null],
['2024-03-08',855716,null,null,null,null],
['2024-03-09',855726,null,null,null,null],
['2024-03-10',855737,null,null,null,null],
['2024-03-11',855748,null,null,null,null],
['2024-03-12',855757,null,null,null,null],
['2024-03-13',855759,null,null,null,null],
['2024-03-14',855770,null,null,null,null],
['2024-03-15',855770,null,null,null,null],
['2024-03-16',855797,null,null,null,null],
['2024-03-17',855806,null,null,null,null],
['2024-03-18',855830,null,null,null,null],
['2024-03-19',855844,null,null,null,null],
['2024-03-20',855854,null,null,null,null],
['2024-03-21',855869,null,null,null,null],
['2024-03-22',855869,null,null,null,null],
['2024-03-23',855885,null,null,null,null],
['2024-03-24',855901,null,null,null,null],
['2024-03-25',855914,null,null,null,null],
['2024-03-26',855929,null,null,null,null],
['2024-03-27',855942,null,null,null,null],
['2024-03-28',855954,null,null,null,null],
['2024-03-29',855968,null,null,null,null],
['2024-03-30',855968,null,null,null,null],
['2024-03-31',855968,null,null,null,null],
['2024-04-01',855968,null,null,null,null],
['2024-04-02',855968,null,null,null,null],
['2024-04-03',855968,null,null,null,null],
['2024-04-04',856063,null,null,null,null],
['2024-04-05',856073,null,null,null,null],
['2024-04-06',856100,null,null,null,null],
['2024-04-07',856100,null,null,null,null],
['2024-04-08',856176,null,null,null,null],
['2024-04-09',856190,null,null,null,null],
['2024-04-10',856190,null,null,null,null],
['2024-04-11',856198,null,null,null,null],
['2024-04-12',856213,null,null,null,null],
['2024-04-13',856225,null,null,null,null],
['2024-04-14',856237,null,null,null,null],
['2024-04-15',856252,null,null,null,null],
['2024-04-16',856272,null,null,null,null],
['2024-04-17',856281,null,null,null,null],
['2024-04-18',856290,null,null,null,null],
['2024-04-19',856303,null,null,null,null],
['2024-04-20',856327,null,null,null,null],
['2024-04-21',856327,null,null,null,null],
['2024-04-22',856346,null,null,null,null],
['2024-04-23',856362,null,null,null,null],
['2024-04-24',856383,null,null,null,null],
['2024-04-25',856393,null,null,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:0}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});